<!DOCTYPE html>
<!-- 声明HTML文档的版本 -->
<html>
<head>
<!-- HTML的头 -->
<title>HtmlTest.html</title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="1.css" type="text/css"></link>
<!-- 外部样式表的插入 -->

<!-- 一.标签:1.<style>:样式定义 2.<link>: 资源引用 -->

<!-- 二.属性:1.rel="stylesheet":外部样式表 2.type="text/css":引入文档的类型 
	3.margin-left:边距4.href="./styles.css":指定文档的地址-->

<!-- 内部样式表的插入 -->
<style type="text/css">
p {
	color: blue;
}
</style>


</head>
<body>
	<!-- HTML的身体 -->
	<h1>标题</h1>
	<br />
	<a name="indexthere">跳转测试</a>
	<!-- 知识点:1.href:指向另一个文档的链接2.name:创建文档内的链接 -->
	<p>你好!</p>
	<p>hello!</p>
	<!-- 演示"内联样式表的使用" -->
	<br /> 演示"内联样式表的使用:
	<a href="http://www.163.com;" style="color:red;">点击打开<ins>
			<i>163</i>
		</ins> </a>
	<br />
	<br /> 文字链接:
	<a href="http://www.163.com;">点击打开163</a>
	<br /> 图片链接:
	<br />
	<!-- 图片链接 -->
	<a href="www.126.com;"><img src="../images/08.jpg" height="200px"
		width="300px" alt="魔法"></img> </a>
	<!--知识点:img的属性:1. alt:替换文本属性,2.width:设置宽 ,3.height:设置高 -->
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />

	<a href="#indexthere" >点击跳转到-跳转测试</a>


</body>
</html>
